<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/cht.css">
</head>
<body>

    <!-- 顶部栏 -->
    <div class="header">
        <div class="left">
            <!-- 目录图标 -->
            <img src="../images/cht/menu.png" width="30" alt="">
        </div>
        <div class="right">
            <!-- 消息图标 -->
            <img src="../images/cht/msg.png" width="30" alt="">
            <!-- 退出图标 -->
            <img src="../images/cht/exit.png" width="30" alt="">
        </div>
        <div class="center">
            <!-- 搜索框 -->
            <input type="text" placeholder="搜索" class="search">
        </div>
    </div>

    <!-- 侧边导航 -->
    <div class="slidebar">
        <div class="top">
            <h2>麒麟教育</h2>
        </div>
        <img src="../images/avatar.png" width="200" alt="">
        <div class="menu">
            <ul>
                <li>
                    <span style="background-image: url('../images/icon1.png');"></span>数据中心
                </li>
                <li>
                    <span style="background-image: url('../images/icon2.png');"></span>学员管理
                </li>
                <li>
                    <span style="background-image: url('../images/icon3.png');"></span>教师管理
                </li>
                <li>
                    <span style="background-image: url('../images/icon4.png');"></span>课程管理
                </li>
                <li>
                    <span style="background-image: url('../images/icon5.png');"></span>订单管理
                </li>
                <li>
                    <span style="background-image: url('../images/icon6.png');"></span>财务管理
                </li>
                <li>
                    <span style="background-image: url('../images/icon7.png');"></span>客服管理
                </li>
                <li>
                    <span style="background-image: url('../images/icon8.png');"></span>系统设置
                </li>
            </ul>
        </div>
    </div>
</body>
</html>